<script>
  import sheep from '@/sheep';

  export default {
    name: 'add-friend',
    computed: {
      IMG_URL() {
        return sheep.$store('AI').sq_image_path;
      },
    },
  };
</script>

<template>
  <view class="wh_750">
    <view class="w-full bg_FFFFFF flex flex-column align-center"
          style="border-radius: 20rpx 20rpx 0 0"
    >
      <view class="wh_750 hW_115 flex align-center justify-between"
            style="border-radius: 20rpx 20rpx 0 0;background: #FFF8E8;"
      >
        <view class="fs_48 color_4B4B4B fw_500 ml_20">添加好友</view>
        <image class="wh_32 hW_32 mr_20" :src="`${IMG_URL}/nc_image_close_balck.png`"
               @click.stop="closeJoin(index)"></image>
      </view>
      <view class="hW_20"></view>
      <view class="wh_702 hW_207 flex align-center" style="background: #FFF8E8;border-radius: 8rpx">
        <image :src="item.data.data[1].value"
               class="wh_130 hW_130 ml_20"
               style="border-radius: 50%;"
        ></image>
        <view class="ml_40 mr_20">
          <view class="fs_31 color_4B4B4B fw_500">
            {{ item.data.data[0].value }}
          </view>
          <view class="fs_27 fw_500 color_9F9F9F">
            拾亲号: {{ item.data.data[3].value }}
          </view>
          <view class="fs_27 fw_500 color_9F9F9F">
            手机号: {{ item.data.data[8].value }}
          </view>
        </view>
      </view>
      <view class="hW_20"></view>
      <view class="wh_243 hW_80 bg_FF4206 flex align-center justify-center fs_32 color_FFFFFF fw_500"
            style="border-radius: 41rpx"
            @click.stop="agreeToJoin(item,index)"
      >
        同意
      </view>
      <view class="hW_50"></view>
    </view>
  </view>
</template>

<style scoped lang="scss">

</style>